<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>空域综合态势</title>
    <link href="css/a.css" rel="stylesheet" type="text/css">
   
</head>

<body>
    <!-- <div id="load"><loading v-show="showLoading"></loading></div> -->
    <div id="app" v-cloak>
        <el-container>
			<el-header>
				<div class="header-left">
					<div class="map_logo">
						<img src="images/logo.png" alt="">
						<span>空域综合态势</span>
					</div>
					<div class="map_nav">
						<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" background-color="#0a5083" text-color="#fff" active-text-color="#fff">
							<el-menu-item index="1">态势管理</el-menu-item>
                            <el-menu-item index="2">计划进程</el-menu-item>
                            <el-menu-item index="3">综合告警</el-menu-item>
                            <el-menu-item index="4">情报分发</el-menu-item>
                            <el-menu-item index="5">应急救援</el-menu-item>
                            <el-menu-item index="6"><a target="_blank" href="flyReport.html">飞行简报</a></el-menu-item>
							<el-menu-item index="8"><a target="_blank" href="index2.html">回放</a></el-menu-item>
                            <el-menu-item index="9">统计</el-menu-item>
                            <el-menu-item index="10">告警设置</el-menu-item>
                        </el-menu>
                        <div :class="settingData.showSettingbox?'navfloatbox-setting navfloatbox show':'navfloatbox-setting navfloatbox'">
                            <div class="tit">
                                <h2>态势管理</h2>
                            </div>
                            <div class="setting-main">
                                <el-tabs v-model="settingData.activeNavtab" type="card" @tab-click="handleClick">
                                    <el-tab-pane label="数据融合设置" name="first">
                                        <div class="setting-bd">
                                            <div class="sourcelist">
                                                <span>ADS-B</span>
                                                <el-switch v-model="settingData.settingval1" active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                            </div>
                                            <div class="sourcelist">
                                                <span>北斗</span>
                                                <el-switch v-model="settingData.settingval2" active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                            </div>
                                            <div class="sourcelist">
                                                <span>3/4G</span>
                                                <el-switch active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                            </div>
                                            <div class="sourcelist">
                                                <span>一二次雷达</span>
                                                <el-switch active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                            </div>
                                            <div class="sourcelist">
                                                <span>无人机侦测</span>
                                                <el-switch active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                            </div>
                                            <div class="sourcelist">
                                                <span>无人机数据中心</span>
                                                <el-switch active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                            </div>
                                            <div class="sourcelist">
                                                <span>无人机遥测</span>
                                                <el-switch active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                            </div>
                                            <div class="sourcelist">
                                                <span>融合</span>
                                                <el-switch active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                            </div>
                                        </div>
                                    </el-tab-pane>
                                    <el-tab-pane label="目标过滤" name="second">
                                        <div class="setting-bd">
                                            <div class="baseinfo">
                                                <div class="infolist">
                                                    <span>标牌</span>
                                                    <el-switch v-model="settingData.Scutcheon" @change="setScutcheon" active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                                </div>
                                                <div class="infolist">
                                                    <span>尾迹</span>
                                                    <el-switch v-model="settingData.wakeOpacity" @change="setWake" active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                                </div>
                                                <div class="infolist">
                                                    <span>航空器选择</span>
                                                    <el-select @change="chooseAir" v-model="settingData.airvalue" slot="prepend" placeholder="请选择">
                                                        <el-option v-for="item in settingData.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                                                    </el-select>
                                                </div>
                                                <div class="infolist">
                                                    <span>速度过滤</span>
                                                    <el-slider v-model="settingData.SpeedValues" range :max="1500" @change="setSpeed"></el-slider>
                                                </div>
                                                <div class="infolist">
                                                    <span>高度过滤</span>
                                                    <el-slider v-model="settingData.HeightValues" range :max="15000" @change="setHeight"></el-slider>
                                                </div>
                                                <!-- <div class="infolist">
                                                    <span>地图风格</span>
                                                    <el-select v-model="settingData.mapvalue" placeholder="请选择">
                                                        <el-option v-for="item in settingData.mapoptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
                                                    </el-select>
                                                </div> -->
                                                <!-- <div class="infolist">
                                                    <span>地图亮度</span>
                                                    <el-slider v-model="settingData.baseinfoval3"></el-slider>
                                                </div> -->
                                                <div class="infolist">
                                                    <span>单位切换</span>
                                                    <el-radio-group v-model="settingData.unit" @change="setUnit">
                                                        <el-radio label="1">英制</el-radio>
                                                        <el-radio label="2">公制</el-radio>
                                                    </el-radio-group>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </el-tab-pane>
                                    <el-tab-pane label="服务扇区管理" name="third"></el-tab-pane>
                                </el-tabs>
                            </div>
                        </div>
                        <div v-show="settingData.showSettingPlanProcess" class="planProcess">
                            <div class="setting-Hot">
                                <span><a target="_blank" href="flyPlanl.html">计划总览</a></span>
                                <span><a target="_blank" href="flyProcess.html">进程总览</a></span>
                                <span><a @click="flyProcessTransfer" href="#">飞行进程收发</a></span>
                            </div>
                        </div>
                        
                        <div v-show="settingData.showSettingQBFF" class="QBFFbg">
                            <div class="setting-Hot">
                                <span><a href="#" @click="openQBFF">情报分发编辑</a></span>
                                <span><a href="intelligence.html" target="_blank">日志记录</a></span>
                            </div>
                        </div>
                        <div v-show="settingData.showSettingZHGJ" class="ZHGJbg">
                            <div class="setting-Hot">
                                <span><a href="alarmRecord.html" target="_blank">综合告警信息</a></span>
                                <span><a href="alarmRecordWG.html" target="_blank">违规处置</a></span>
                            </div>
                        </div>
                        <div v-show="settingData.showSettingHotbox" class="Hotbg">
                            <div class="setting-Hot">
                                <span><a href="#" @click="eventTransfer">应急事件</a></span>
                                <span><a href="#" @click="giveRescueReport">协助救援报告</a></span>
                            </div>
                        </div>
                        <div v-show="settingData.showSettingTJ" class="TJbg">
                            <div class="setting-Hot">
                                <span><a target="_blank" href="./routesHot.html">航线热点</a></span>
                                <!-- <span><a target="_blank" href="./airspaceHot.html">空域热点</a></span> -->
                            </div>
                        </div>
                        <div v-show="settingData.showSettingGJSZ" class="GJSZbg">
                            <div class="blackBg">
                                <div class="sourcelist">
                                    <span>告警声音</span>
                                    <el-switch v-model="settingData.settingGJSZval" active-color="#062e4d" inactive-color="#0d0e11"></el-switch>
                                </div>
                                <div class="qygjBg">
                                    <p>告警区域</p>
                                    <div class="main">
                                        <div class="dataBg" v-for="(item, index) in settingData.areaGJ" :key="item.id">
                                            <i class="el-icon-close" title="删除" @click="delArea(item)"></i>
                                            <span>{{item.regionName}}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="yzgjBg">
                                    <p>抑制区域</p>
                                    <div class="main" >
                                        <div class="dataBg" v-for="(item, index) in settingData.areaYZ" :key="item.id">
                                            <i class="el-icon-close" title="删除" @click="delArea(item)"></i>
                                            <span>{{item.regionName}}</span>
                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                            
                        </div>
					</div>
				</div>

				<div class="header-right">
					<div class="userInfo">
						<div class="avatar-name">
                            <!-- <span class="date">2018.9.11</span> -->
                            <span class="date">{{nowTime}}</span>
                            
                            <span>{{userInfo.userRightInfo.userName}}</span>
                            <!-- http://212.64.57.59:10009/kyjs/ -->
                            <a target="_blank" :href="server_Url+'#/user'" title="后台" class="icon iconfont icon-houtai" @click="goset"></a>
                            <a target="_blank" :href="server_Url+'bigmap/'" title="大屏" class="icon iconfont icon-guanlixitong"></a>
                            <a :href="server_Url" title="退出" class="icon iconfont icon-guanbi" @click="closeMap"></a>
                            
						</div>
					</div>
					<div class="nav_btn">

					</div>
				</div>

			</el-header>
			<el-main>
				<div id="map" @click="showLeftNav2">

                </div>
                <!-- 左边导航栏 -->
                <div :class="ishideleftNav? 'left_div hide':'left_div'" v-show="!isshowBg3">
                    <div class="left_Wrap">
                        <div class="leftnavBtn" @click="showLeftNav">
                            <p></p>
                        </div>
                        <el-menu @open="handleOpen" @close="handleClose" unique-opened>
                        <!-- 监视目标 start -->
                        <el-submenu index="1">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span>监视目标</span>
                                <span class="totalnum">{{sumAmount}}</span>
                            </template>
                            <div class="signal_scrool" index="1-1">
                                <el-table :data="signalData" stripe height="300" style="width:100%" @row-click="clickInfo">
                                    <el-table-column prop="signalSource" label="信号源" ></el-table-column>
                                    <el-table-column prop="count" label="数量">
                                    </el-table-column>
                                </el-table>
                            </div>
                        </el-submenu>
                        <!-- 监视目标 end -->
                        <!-- 飞行进程 start -->
                        <el-submenu index="2">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span>进程服务</span>
                                <span class="totalnum">{{ProcessNum}}</span>
                            </template>
                            <div class="flight_schedule" index="2-1">
                                <div class="flight_schedule_head">
                                    <span>状态</span>
                                    <span>航空器</span>
                                    <span>操作</span>
                                    <span  @click="clickNewsignal"></span>
                                </div>
                                <div class="flight_schedule_body">
                                    
                                    <div class="flight-main">
                                        <div class="flight-main-tr" v-for="(item, index) in flightData" :key="index" @click="clickFlyInfos(item)">
                                            <div class="flight-main-td-top clearfix">
                                                <div class="flight-main-td"><span>{{item.processState | flightType}}</span></div>
                                                <div class="flight-main-td"><span>{{item.aircraftNumber}}</span></div>
                                                <div class="flight-main-td">
                                                    <a class="a-icon-btn" title="预览" @click.stop="clickFlyView(item.flyPlanCode)" href="#"></a>
                                                    <a class="a-icon-btn" title="下一状态" @click.stop="changeNextState(item)" href="#"></a>
                                                    <!-- <a href="#" class="a-icon-btn" title="更多" @click.stop="changeMoreState($event,item)"></a> -->
                                                    <el-dropdown @command="changeMoreState($event,item)"  class="a-icon-btn" title="更多" >
                                                        
                                                        <a class=""  href="#" ></a>
                                                        <el-dropdown-menu slot="dropdown" >
                                                            <el-dropdown-item command="01">未激活</el-dropdown-item>
                                                            <el-dropdown-item command="02">预激活</el-dropdown-item>
                                                            <el-dropdown-item command="11">离港</el-dropdown-item>
                                                            <el-dropdown-item command="12">巡航</el-dropdown-item>
                                                            <el-dropdown-item command="13">进近</el-dropdown-item>
                                                            <el-dropdown-item command="14">着陆</el-dropdown-item>
                                                            <el-dropdown-item command="18">移交</el-dropdown-item>
                                                            <el-dropdown-item command="19">紧急</el-dropdown-item>
                                                            <el-dropdown-item command="21">结束</el-dropdown-item>
                                                            <el-dropdown-item command="22">取消</el-dropdown-item>
                                                        </el-dropdown-menu>
                                                    </el-dropdown>
                                                    
                                                    
                                                    <a class="a-icon-btn" title="移交" @click.stop="openMessage(item)" href="#"></a>
                                                    <a class="a-icon-btn" title="简报" @click.stop="openFlightBriefing(item)" href="#"></a>
                                                </div>
                                            </div>
                                            <!--  v-html="flyHtml" -->
                                            <div class="timeAxic">
                                                <div v-show="item.pointQF==1?true:false" class="timeShow">
                                                    <div class="timer">{{item.sjontime}}</div>
                                                    <div class="point green" >
                                                        <i></i>
                                                    </div>
                                                </div>
                                                <div class="timeShow">
                                                    <div class="timer">{{item.yjontime}}</div>
                                                    <div class="point blue" >
                                                        <i></i>
                                                    </div>
                                                </div>
                                                <div v-show="item.pointQF==2?true:false"  class="timeShow">
                                                    <div class="timer">{{item.sjontime}}</div>
                                                    <div class="point red" >
                                                        <i></i>
                                                    </div>
                                                </div>
                                                <div v-show="item.pointJL==1?true:false" class="timeShow">
                                                    <div class="timer">{{item.sjuptime}}</div>
                                                    <div class="point green" >
                                                        <i></i>
                                                    </div>
                                                </div>
                                                <div class="timeShow">
                                                    <div class="timer">{{item.yjuptime}}</div>
                                                    <div class="point blue" >
                                                        <i></i>
                                                    </div>
                                                </div>
                                                <div v-show="item.pointJL==2?true:false" class="timeShow">
                                                    <div class="timer">{{item.sjuptime}}</div>
                                                    <div class="point red" >
                                                        <i></i>
                                                    </div>
                                                </div>
                                                <div class="timeLine"></div>
                                            </div>
                                           
                                            <div :class="item.isBgOpacity?'bgc_opacity':''" @click.stop="clickNull"></div>
                                            
                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </el-submenu>
                        <!-- 飞行进程 end -->
                        <!-- 告警列表 start -->
                        <el-submenu index="3">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span>告警服务</span>
                                <span class="totalnum">{{AlarmNum}}</span>
                            </template>
                            <div class="alarm_scrool" index="3-1">
                            <el-table :data="alarmData"  height="300" stripe style="width:100%" @row-click="dblAlarmInfo" >
                                <!-- @row-dblclick="" -->
                                    <el-table-column label="类型" >
                                        <template scope="scope">
                                            <!-- iconfont icon-houtai -->
                                            <i v-if="scope.row.alarm_level == '1'" :class="scope.row.isRedAlarmBool?'iconfont icon-gaojing yellow opacity_animation':'iconfont icon-gaojing yellow'"></i>
                                            
                                            <i v-else-if="scope.row.alarm_level == '2'" :class="scope.row.isRedAlarmBool?'iconfont icon-gaojing orange opacity_animation':'iconfont icon-gaojing orange'"></i>
                                            <i v-else="scope.row.alarm_level == '3'" :class="scope.row.isRedAlarmBool?'iconfont icon-gaojing red opacity_animation':'iconfont icon-gaojing red'"></i>

                                            <video :id="'gjvideo'+scope.$index" class="video" v-if="scope.row.alarm_level == '1'" src="./mp3/Congratulations.wav" :autoplay="scope.row.isRedAlarmBool" loop></video>
                                            <video :id="'gjvideo'+scope.$index" class="video" v-else-if="scope.row.alarm_level == '2'" src="./mp3/T1Card.wav" :autoplay="scope.row.isRedAlarmBool" loop></video>
                                            <video :id="'gjvideo'+scope.$index" class="video" v-else="scope.row.alarm_level == '3'"  src="./mp3/666.wav" :autoplay="scope.row.isRedAlarmBool" loop></video>
                                            {{scope.row.alarm_type_cn}}
                                        </template>
                                    </el-table-column>
                                    <el-table-column class-name label="目标">
                                        <template  scope="scope">
                                            {{scope.row.alarm_target}}
                                        </template>
                                    </el-table-column>
                                    <el-table-column prop="count" label="操作" @cell-click="clickNewsignal">
                                        
                                        <template scope="scope">
                                            <a @click.stop="closeAlarmSound($event,scope)">
                                            
                                                <i v-show="scope.row.isRedAlarmBool" ></i>
                                                <i v-show="!scope.row.isRedAlarmBool" ></i>
                                            </a>
                                            <a @click.stop="openRescueReport(scope.row)" href="#">
                                                <i  v-show="!isRescue"></i>
                                                <i  v-show="isRescue"></i>
                                            </a>
                                            <a href="#" @click.stop="setAlarmCenter(scope.row)">
                                                <i  v-show="!isRescue"></i>
                                            </a>
                                        </template>
                                    </el-table-column>
                                </el-table>
                            </div>
                        </el-submenu>
                        <!-- 告警列表 end -->
                        <!-- <el-submenu index="4">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span>应急事件</span>
                            </template>
                        </el-submenu> -->
                        <!-- 我的关注 start -->
                        <!-- <el-submenu index="5">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span>我的关注</span>
                                <span class="totalnum">{{SignalNum}}</span>
                            </template>
                        </el-submenu> -->
                        <!-- 我的关注 end -->
                        <!-- <el-submenu index="6">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span>重要天气</span>
                            </template>
                        </el-submenu> -->
                        <!-- <el-submenu index="7">
                            <template slot="title">
                                <i class="el-icon-location"></i>
                                <span>航行通告</span>
                            </template>
                        </el-submenu> -->
                        </el-menu>
                    </div>
        
                    <!-- 监控目标二级弹出框 -->
                    <div v-show="infosOpacitys" class="infos_bg_2">
                        <div class="infos_search">
                            <el-input placeholder="请输入内容" suffix-icon="el-icon-search" v-model="searchAdress" @input="getjkmbSecondlist"></el-input>
                        </div>
                        
                        <el-table :data="infosData" height="300" stripe style="width:100%" @row-click="getAirplaneInfo">
                            <el-table-column prop="targetAddress" label="S模式地址"></el-table-column>
                            <el-table-column prop="targetIden" label="FID"></el-table-column>
                            <el-table-column label="操作">
                                <template scope="scope">
                                    <!-- <a class="iconfont icon-weiguanzhu" href="#"></a> -->
                                    <a :class="scope.row.isAttention=='no'?'iconfont icon-weiguanzhu':'iconfont icon-guanzhu'" href="#" @click.stop="clickAtt(scope.row)"></a>
                                    <a class="iconfont icon-genzong" href="#" @click.stop="setCenter(scope.row)"></a>
                                </template>
                            </el-table-column>
                        </el-table>
                        
                        <div class="infos_datas_page" v-if="jkmbSecondlist.totalNum > 5">
                            <span class="prevBtn el-icon-caret-left" @click="prevjkmbSecondPage"></span>
                            <p class="numgroup"><span>{{jkmbSecondlist.curPage}}</span>/<span>{{jkmbSecondlist.totalPage}}</span></p>
                            <span class="nextBtn el-icon-caret-right" @click="nextjkmbSecondPage"></span>
                        </div>
                    </div>
                    <!-- 飞行进程详情弹出框 -->
                    <div v-drag v-show="flightOpacitys" class="flight_bg_2">
                        <i class="el-icon-close" @click="closeFlyInfos"></i>
                        <div class="flight_bg_main" >
                            <form action="" :model="flyProcessInfo" class="flight_form">
                                <div class="flight_form_top  clearfloat">
                                    <div class="ff_top_title">
                                        <span>进程维护</span>
                                        <button class="ff_top_btn" @click="saveStateRecord">保存</button>
                                    </div>
                                    <div class="ff_top_left">
                                        <div class="flight_value">
                                            <label>状态</label>
                                            <el-select v-model="flyProcessInfo.processState" slot="prepend" placeholder="请选择">
                                                <el-option v-for="item in formInline" :key="item.value" :label="item.label" :value="item.value"></el-option>
                                            </el-select>
                                        </div>
                                        <div class="flight_value">
                                            <label>航空器注册号</label>
                                            <el-select v-model="flyProcessInfo.aircraftNumber" slot="prepend" placeholder="请选择">
                                                <el-option v-for="(item,index) in RegistrationNumbers" :key="index" :label="item.aircraftNumber" :value="item.aircraftNumber"></el-option>
                                            </el-select>
                                        </div>
                                        <div class="flight_value">
                                            <label>实际起飞时间</label>
                                            <el-date-picker v-model="flyProcessInfo.actualTakeoffTimeStr" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                        </div>
                                        <div class="flight_value">
                                            <label>实际降落时间</label>
                                            <el-date-picker v-model="flyProcessInfo.actualLandingTimeStr" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                        </div>
                                        <div class="flight_value">
                                            <label>实际起落架次</label>
                                            <el-input v-model="flyProcessInfo.actualLandingGear" placeholder="请输入"></el-input>
                                        </div>
                                    </div>
                                    <div class="ff_top_right">
                                        <div class="flight_value">
                                            <label>飞行计划编号</label>
                                            <span>{{flyProcessInfo.flyPlanCode}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>飞行规则</label>
                                            <span>{{flyProcessInfo.flyRule}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>预计起飞时间</label>
                                            <span>{{flyProcessInfo.estimatedTakeoffTimeStr}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>预计降落时间</label>
                                            <span>{{flyProcessInfo.estimatedLandingTimeStr}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>预计起落架次</label>
                                            <span>{{flyProcessInfo.projectedShelf}}</span>
                                        </div>
                                    </div> 
                                </div>
                                <div class="flight_form_center">
                                    <div class="ff_top_title">
                                        <span>其它信息</span>
                                        <div @click="formClick" class="ff_center_btn">
                                            <i class="btn_xia" v-show="!isClass"></i>
                                            <i class="btn_shang" v-show="isClass"></i>
                                        </div>
                                    </div>
                                    <div class="ff_center">
                                        <div v-show="showQT" class="ff_top_left">
                                            <div class="flight_value">
                                                <label>初始服务站</label>
                                                <span>{{flyProcessInfo.initServerStation}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>联系人</label>
                                                <span>{{flyProcessInfo.contacts}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>告警级别</label>
                                                <span>{{flyProcessInfo.alarmLevel}}</span>
                                            </div>
                                        </div>
                                        <div v-show="showQT" class="ff_top_right">
                                            <div class="flight_value">
                                                <label>当前服务站</label>
                                                <span>{{flyProcessInfo.currentServerStation}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>告警代码</label>
                                                <span>{{flyProcessInfo.alarmCode}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>进程单创建时间</label>
                                                <span>{{flyProcessInfo.createTimeStr}}</span>
                                            </div>    
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <div class="flight_bottom">
                                <div class="flight_form_top">
                                    <div class="ff_top_title">
                                        <span >{{listValue}}</span>
                                        <div @click="listClick" class="ff_center_btn">
                                            <i class="btn_xia" v-show="!islistClass"></i>
                                            <i class="btn_shang" v-show="islistClass"></i>
                                        </div>
                                    </div>
                                    <div v-show="isList" class="ff_top_title_btn">
                                        <span @click="setList(0)">消息记录</span>
                                        <span @click="setList(1)">状态记录</span>
                                        <span @click="setList(2)">移交记录</span>
                                        <button v-show="showReportDocuments" prop="code" class="ff_top_btn" @click="addRecord">新建</button>
                                    </div>
                                    <div class="flight_infos" v-show="isList">
                                        <!-- 报告记录 -->
                                        <table v-show="showReportDocuments" >
                                            <thead>
                                                <tr>
                                                    <th>报告点</th>
                                                    <th>报告人</th>
                                                    <th>报告时间</th>
                                                    <th>描述</th>
                                                    <th>记录时间</th>
                                                    <th>记录人</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr v-for="(item, index) in ReportRecordInfo" :key="item.id">
                                                  
                                                    <td>{{item.reportPoint}}</td>
                                                    <td>{{item.reportPerson}}</td>
                                                    <td>{{item.reportTime}}</td>
                                                    <td>{{item.describes}}</td>
                                                    <td>{{item.recordTime}}</td>
                                                    <td>{{item.recordPerson}}</td>
                                                    <td>
                                                        <a class="el-icon-edit" @click="editReport(item)" href="#"></a>
                                                        <a class="el-icon-delete" @click="delReport(item)" href="#"></a>
                                                    </td>
                                                </tr>
                                            </tbody>

                                        </table>
                                        <!-- 状态记录 -->
                                        <table v-show="showStateRecords" >
                                            <thead>
                                                <tr>
                                                    <th>时间</th>
                                                    <th>当前状态</th>
                                                    <th>上个状态</th>
                                                    <th>修改人</th>
                                                    <th>FFSID</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr v-for="(item, index) in StateRecordsInfo" :key="index">
                                                    <td>{{item.stateTime}}</td>
                                                    <td>{{item.currentState | flightType}}</td>
                                                    <td>{{item.previousState | flightType}}</td>
                                                    <td>{{item.updateUser}}</td>
                                                    <td>{{item.ffsId}}</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 飞机进度三级弹出框 -->
                    <div v-drag v-show="recordOpacitys" class="flight_record_bg_3">
                        
                        <div class="record_title">
                            <span>新增报告</span>
                            <i class="el-icon-close" @click="addRecord"></i>
                        </div>
                        <div class="record_main" >
                            <form action="" :model="addRecodeForm" ref="addRecodeForm" class="record_form">
                                <div class="bg3_div">
                                    <label>报告点</label>
                                    <el-input v-model="addRecodeForm.reportPoint" style="width:25.6rem" placeholder="请输入"></el-input>
                                </div>
                                <div class="bg3_div">
                                    <label>报告人</label>
                                    <el-input v-model="addRecodeForm.reportPerson" class="rm_short" placeholder="请输入"></el-input>

                                    <label>报告时间</label>
                                    <el-date-picker v-model="addRecodeForm.reportTime" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                </div>
                                <div class="bg3_div">
                                    <label>记录人</label>
                                    <el-input v-model="addRecodeForm.recordPerson" class="rm_short" placeholder="请输入"></el-input>

                                    <label>记录时间</label>
                                    <el-date-picker v-model="addRecodeForm.recordTime" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                </div>
                                <div class="bg3_div">
                                    <label>报告描述</label>
                                    
                                    <el-input v-model="addRecodeForm.describes" class="rm_short" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入"></el-input>
                                </div>
                                <div class="bg3_div">
                                    <el-button size="mini" @click="addRecord">取消</el-button>
                                    <el-button size="mini" @click="saveRecord">保存</el-button>
                                </div>
                            </form>
                        </div>
                    </div>

                    <!-- 新建飞行进程弹出框 -->
                    <div v-drag v-show="addFlightOpacitys" class="flight_bg_2">
                            <i class="el-icon-close" @click="clickNewsignal"></i>
                            <div class="flight_bg_main" >
                                <form action="" :model="addFlyProcessInfo" class="flight_form">
                                    <div class="flight_form_top">
                                        <div class="ff_top_title">
                                            <span>进程维护</span>
                                            <button class="ff_top_btn" @click="insertStateRecord">保存</button>
                                        </div>
                                        <div class="ff_top_left">
                                            <div class="flight_value">
                                                <label>状态</label>
                                                <el-select v-model="addFlyProcessInfo.processState" slot="prepend" placeholder="请选择">
                                                    <el-option v-for="item in formInline" :key="item.value" :label="item.label" :value="item.value"></el-option>
                                                </el-select>
                                            </div>
                                            <div class="flight_value">
                                                <label>航空器注册号</label>
                                                <el-select v-model="addFlyProcessInfo.aircraftNumber" slot="prepend" placeholder="请选择">
                                                    <el-option v-for="(item,index) in addFlyProcessInfo.flyAircraft" :key="index" :label="item.aircraftNumber" :value="item.aircraftNumber"></el-option>
                                                </el-select>
                                            </div>
                                            <div class="flight_value">
                                                <label>实际起飞时间</label>
                                                <el-date-picker v-model="addFlyProcessInfo.actualTakeoffTimeStr" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                            </div>
                                            <div class="flight_value">
                                                <label>实际降落时间</label>
                                                <el-date-picker v-model="addFlyProcessInfo.actualLandingTimeStr" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                            </div>
                                            <div class="flight_value">
                                                <label>实际起落架次</label>
                                                <el-input v-model="addFlyProcessInfo.actualLandingGear" placeholder="请输入"></el-input>
                                            </div>
                                        </div>
                                        <div class="ff_top_right">
                                            <div class="flight_value">
                                                <label>飞行计划编号</label>
                                                <el-select @change="ceshi" v-model="addFlyProcessInfo.flyPlanCode" slot="prepend" placeholder="请选择">
                                                    <el-option v-for="item in flyCodes" :key="item.id" :label="item.flyPlanCode" :value="item.flyPlanCode"></el-option>
                                                </el-select>
                                            </div>
                                            <div class="flight_value">
                                                <label>飞行规则</label>
                                                <span>{{addFlyProcessInfo.flyRule}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>预计起飞时间</label>
                                                <span>{{addFlyProcessInfo.estimatedTakeoffTimeStr}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>预计降落时间</label>
                                                <span>{{addFlyProcessInfo.estimatedLandingTimeStr}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>预计起落架次</label>
                                                <span>{{addFlyProcessInfo.projectedShelf}}</span>
                                            </div>
                                        </div> 
                                    </div>
                                    <div class="flight_form_center">
                                        <div class="ff_top_title">
                                            <span>其它信息</span>
                                            <div @click="formClick" class="ff_center_btn">
                                                <i class="btn_xia" v-show="!isClass"></i>
                                                <i class="btn_shang" v-show="isClass"></i>
                                            </div>
                                        </div>
                                        <div class="ff_center">
                                            <div v-show="showQT" class="ff_top_left">
                                                <div class="flight_value">
                                                    <label>初始服务站</label>
                                                    <span>{{addFlyProcessInfo.initServerStation}}</span>
                                                </div>
                                                <div class="flight_value">
                                                    <label>联系人</label>
                                                    <span>{{addFlyProcessInfo.contacts}}</span>
                                                </div>
                                            </div>
                                            <div v-show="showQT" class="ff_top_right">
                                                <div class="flight_value">
                                                    <label>当前服务站</label>
                                                    <span>{{addFlyProcessInfo.currentServerStation}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                    </div>

                    <!-- 飞行简报 -->
                    <div v-drag v-show="FlightBriefingOpacitys" class="flight_bg_3">
                            <i class="el-icon-close" @click="closeFlightBriefing"></i>
                            <span>飞行简报</span>
                            <div class="flight_bg_main" >
                                <form action="" :model="FlightBriefingInfo" class="flight_form">
                                    <div class="flight_form_top">
                                        <div class="ff_top_title">
                                            <span>飞行简报</span>
                                        </div>
                                        <div class="ff_top_left">
                                            <div class="flight_value">
                                                <label>航空器编号</label>
                                                <span>{{FlightBriefingInfo.aircraft_number}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>飞行员</label>
                                                <span>{{FlightBriefingInfo.pilot_name}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>起飞时间</label>
                                                <span>{{FlightBriefingInfo.fly_time}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>降落时间</label>
                                                <span>{{FlightBriefingInfo.land_time}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>起落架次</label>
                                                <span>{{FlightBriefingInfo.land_number}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>有无违规警告</label>
                                                <span>{{FlightBriefingInfo.is_Give_Alarm}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>有无危险警告</label>
                                                <span>{{FlightBriefingInfo.is_Danger_Alarm}}</span>
                                            </div>
                                        </div>
                                        <div class="ff_top_right">
                                            <div id="rightMaps"></div>
                                        </div> 
                                    </div>
                                    <div class="flight_form_center">
                                        <div class="ff_top_title">
                                            <span>其它信息</span>
                                            <div @click="formClick" class="ff_center_btn">
                                                <i class="btn_xia" v-show="!isClass"></i>
                                                <i class="btn_shang" v-show="isClass"></i>
                                            </div>
                                        </div>
                                        <div class="ff_center">
                                            <div v-show="showQT" class="ff_top_left">
                                                <div class="flight_value">
                                                    <label>预计开始时间</label>
                                                    <span>{{FlightBriefingInfo.estimate_start_time}}</span>
                                                </div>
                                                <div class="flight_value">
                                                    <label>预计结束时间</label>
                                                    <span>{{FlightBriefingInfo.estimate_end_time}}</span>
                                                </div>
                                                <div class="flight_value">
                                                    <label>预计起落架次</label>
                                                    <span>{{FlightBriefingInfo.estimate_land_number}}</span>
                                                </div>
                                            </div>
                                            <div v-show="showQT" class="ff_top_right">
                                                <div class="flight_value">
                                                    <label>企业名称</label>
                                                    <span>{{FlightBriefingInfo.comapny}}</span>
                                                </div>
                                                <div class="flight_value">
                                                    <label>航空器类型</label>
                                                    <span>{{FlightBriefingInfo.aircraft_type}}</span>
                                                </div>
                                                <div class="flight_value">
                                                    <label>航空器机型</label>
                                                    <span>{{FlightBriefingInfo.aircraft_model}}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                    </div>

                    <!-- 告警详情 -->
                    <div v-drag v-show="AlarmListOpacitys" class="alarm_bg">
                        <i class="el-icon-close" @click="dblAlarmInfo"></i>
                        <span>告警记录</span>
                        <div class="flight_bg_main" >
                            <form action="" :model="AlarmDetailsData" class="flight_form">
                                <div class="flight_form_top">
                                    <div class="ff_top_left">
                                        <div class="flight_value">
                                            <label>告警发生时间</label>
                                            <span>{{AlarmDetailsData.alarm_generation_time}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>告警类型</label>
                                            <span>{{AlarmDetailsData.alarm_type}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>告警级别</label>
                                            <span>{{AlarmDetailsData.alarm_level}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>数据源类型</label>
                                            <span>{{AlarmDetailsData.source_type}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>告警信号ID</label>
                                            <span>{{AlarmDetailsData.alarm_source_number}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>告警目标</label>
                                            <span>{{AlarmDetailsData.alarm_target}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>计划ID</label>
                                            <span>{{AlarmDetailsData.plan_number}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>告警结束时间</label>
                                            <span>{{AlarmDetailsData.alarm_end_time}}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="flight_form_center">
                                    <div class="ff_top_title">
                                        <span>其它信息</span>
                                        <div @click="formClick" class="ff_center_btn">
                                            <i class="btn_xia" v-show="!isClass"></i>
                                            <i class="btn_shang" v-show="isClass"></i>
                                        </div>
                                    </div>
                                    <div class="ff_center">
                                        <div v-show="showQT" class="ff_top_left">
                                            <div class="flight_value">
                                                <label>当前经度</label>
                                                <span>{{AlarmDetailsData.alarm_latitude}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>当前维度</label>
                                                <span>{{AlarmDetailsData.alarm_longitude}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>当前高度</label>
                                                <span>{{AlarmDetailsData.alarm_height}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>速度阈值</label>
                                                <span>{{AlarmDetailsData.height_defatul}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>高度阈值</label>
                                                <span>{{AlarmDetailsData.speed_defatul}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>相对目标</label>
                                                <span>{{AlarmDetailsData.relative_target}}</span>
                                            </div>
                                            <div class="flight_value">
                                                <label>最低安全高度</label>
                                                <span>{{AlarmDetailsData.mine_height}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                     <!-- 救援报告 -->
                    <div v-drag v-show="RescueReportOpacitys" class="Rescue_bg">
                        <i class="el-icon-close" @click="closeRescueReport"></i>
                        <span>救援报告</span>
                        <div class="flight_bg_main" >
                            <form action="" :model="RescueReportData" class="flight_form">
                                <div class="flight_form_top">
                                    <div class="ff_top_title">
                                        <span>基础信息</span>
                                    </div>
                                    <div class="ff_top_left">
                                        <div class="flight_value">
                                            <label>航空器编号</label>
                                            <span>{{RescueReportData.aircraft_number}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>飞行员</label>
                                            <span>{{RescueReportData.pilot_id}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>机上人员数量</label>
                                            <span>{{RescueReportData.personnel_number}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>飞行性质</label>
                                            <span>{{RescueReportData.fly_type}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>预先告警时刻</label>
                                            <span>{{RescueReportData.distress_alarm_time}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>最后航迹位置</label>
                                            <span>{{RescueReportData.position}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>紧急联系电话</label>
                                            <span>{{RescueReportData.emergency_contact_number}}</span>
                                        </div>
                                        <div class="flight_value">
                                            <label>服务站联系电话</label>
                                            <span>{{RescueReportData.server_station_phone}}</span>
                                        </div>
                                    </div>
                                    <div class="ff_top_right">
                                        <div id="AlarmMaps"></div>
                                    </div> 
                                </div>
                                <!-- <div class="flight_form_center">
                                    <div class="ff_center">
                                        <div  class="ff_top_left">
                                           
                                            <label>应急预案</label>
                                            <el-input v-model="RescueReportData.emergency_plan" class="rm_short" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入"></el-input>
                                        </div>
                                    </div>
                                </div> -->
                            </form>
                        </div>
                    </div>
                    <!-- 新增情报分发 -->
                    <div v-drag v-show="isQBFF" class="flight_bg_2">
                        <i class="el-icon-close" @click="openQBFF"></i>
                        <div class="flight_bg_main" >
                            <form action="" :model="IntelligenceDistribution" class="flight_form">
                                <div class="flight_form_top  clearfloat">
                                    <div class="ff_top_title">
                                        <span>情报分发</span>
                                        <button class="ff_top_btn" @click="saveQBFF">发送</button>
                                    </div>
                                    <div class="ff_top_left">
                                        <div class="flight_value">
                                            <label>情报类型</label>
                                            <el-select v-model="IntelligenceDistribution.intelligenceType" slot="prepend" placeholder="请选择">
                                                <el-option v-for="item in Intelligenceform" :key="item.value" :label="item.label" :value="item.label"></el-option>
                                            </el-select>
                                        </div>
                                        <div class="flight_value">
                                            <label>航空器注册号</label>
                                            <!-- <el-select v-model="flyProcessInfo.aircraftNumber" slot="prepend" placeholder="请选择">
                                                <el-option v-for="(item,index) in RegistrationNumbers" :key="index" :label="item.aircraftNumber" :value="item.aircraftNumber"></el-option>
                                            </el-select> -->
                                            <el-input v-model="IntelligenceDistribution.aircraftRegNumber" placeholder="请输入"></el-input>
                                        </div>
                                        <div class="flight_value">
                                            <label>时效起</label>
                                            <el-date-picker v-model="IntelligenceDistribution.effectiveStart" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                        </div>
                                        <div class="flight_value">
                                            <label>时效止</label>
                                            <el-date-picker v-model="IntelligenceDistribution.effectiveEnd" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                        </div>
                                        <div class="flight_value">
                                            <label>发送时间</label>
                                            <el-date-picker v-model="IntelligenceDistribution.sendTime" type="datetime" placeholder="请选择" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
                                        </div>
                                    </div>
                                    <div class="ff_top_right">
                                        <div class="flight_value">
                                            <label>发送服务站</label>
                                            <el-input v-model="IntelligenceDistribution.sendFss" placeholder="请输入"></el-input>
                                        </div>
                                        <div class="flight_value">
                                            <label>发送人</label>
                                            <el-input v-model="IntelligenceDistribution.sendPeople" placeholder="请输入"></el-input>
                                        </div>
                                        <div class="flight_value">
                                            <label>情报内容</label>
                                            <el-input v-model="IntelligenceDistribution.intelligenceContent" placeholder="请输入"></el-input>
                                        </div>
                                        <div class="flight_value">
                                            <label>备注</label>
                                            <el-input v-model="IntelligenceDistribution.remark" placeholder="请输入"></el-input>
                                        </div>
                                        
                                    </div> 
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- 移交记录 -->
                    <div v-drag v-show="transferOpacitys" class="flyProcess_transfer">
                        <div class="tramsfer_top">
                                <span>移交记录</span>
                                <i class="el-icon-close" @click="closetramsfer"></i>
                        </div>
                        <el-table :data="flyProcessTableData"
                        border style="width: 100%">
                            <el-table-column prop="transferTime" label="移交时间" min-width="160" align="center"></el-table-column>
                            <el-table-column prop="lastFss" label="移交后FSS" min-width="120"  align="center"></el-table-column>								
                            <el-table-column prop="firstFss" label="移交前FSS" min-width="160" align="center"></el-table-column>								
                            <!-- <el-table-column prop="log" label="经度"  align="center"></el-table-column>								
                            <el-table-column prop="lat" label="纬度" align="center"></el-table-column>								 -->
                            <el-table-column prop="transferPeople" label="移交人" min-width="160" align="center"></el-table-column>
                       </el-table>
                    </div>
                    <!-- 应急事件 -->
                    <div v-drag v-show="emergencyEvent" class="eventzh">
                        <div class="eventEmerg_top">
                            <i class="el-icon-close" @click="closeEventzh"></i>
                            
                        </div>
                        <div class="flight_bg_main" >
                            <div class="titlebtn">
                                <h2>应急事件</h2>
                                <button @click="addEmergency">新建</button>
                            </div>
                            <el-table :data="emergencyTableData"
                            stripe style="width: 100%">
                                <el-table-column prop="aircraftRegNumber" label="航空器编号" min-width="70" align="center"></el-table-column>
                                <el-table-column prop="emergencyLevel" label="等级" min-width="40" align="center"></el-table-column>
                                <el-table-column prop="pilotName" label="飞行员" min-width="40" align="center"></el-table-column>
                                <el-table-column prop="pilotId" label="飞行人ID" min-width="120"  align="center"></el-table-column>
                                <el-table-column prop="lastLocationLat" label="最后纬度位置" min-width="80"  align="center"></el-table-column>
                                <el-table-column prop="lastLocationLog" label="最后经度位置" min-width="80" align="center"></el-table-column>
                                <el-table-column prop="emergencyContact" label="紧急联系人" align="center"></el-table-column>								
                                <el-table-column prop="emergencyContactPhone" label="联系电话" min-width="80" align="center"></el-table-column>
                                <el-table-column prop="coordinate" label="描述" min-width="200" align="center"></el-table-column>
                                <el-table-column prop="createUser" label="创建人" min-width="40" align="center"></el-table-column>
                                <el-table-column prop="createTime" label="创建时间" min-width="160" align="center"></el-table-column>
                                <el-table-column  label="操作" align="center">
                                    <template slot-scope="scope">
                                        <!-- <a class="iconfont icon-jianbao1" target="_self"></a> -->
                                        <a v-if="scope.row.submitState == '0'" class="iconfont icon-jianbao1" target="_self" title="未提交" @click="addRRlist(scope.row)"></a>
                                        <a v-else="scope.row.submitState == '1'" class="iconfont icon-jianbao1 gray" target="_self" title="已提交"></a>
                                    </template>
                                  
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                    <!-- 新增应急事件 -->
                    <div v-drag v-show="emergencyOpacitys" class="addEmergency_bg">
                        <div class="record_title">
                            <span>新增应急事件</span>
                            <i class="el-icon-close" @click="closeAddEmer"></i>
                        </div>
                        <div class="record_main" >
                            <form action="" :model="addEmergencyForm" ref="addEmergencyForm" class="record_form">
                                <div class="bg3_div">
                                    <label>航空器编号</label>
                                    <el-input v-model="addEmergencyForm.aircraftRegNumber" style="width:25.6rem" placeholder="请输入"></el-input>
                                    <label>等级</label>
                                    <el-input v-model="addEmergencyForm.emergencyLevel" class="rm_short" placeholder="请输入"></el-input>
                                </div>
                                <div class="bg3_div">
                                    <label>飞行员</label>
                                    <el-input v-model="addEmergencyForm.pilotName" class="rm_short" placeholder="请输入"></el-input>

                                    <label>飞行员ID</label>
                                    <el-input v-model="addEmergencyForm.pilotId" class="rm_short" placeholder="请输入"></el-input>
                                </div>
                                <div class="bg3_div">
                                    <label>最后维度位置</label>
                                    <el-input v-model="addEmergencyForm.lastLocationLat" class="rm_short" placeholder="请输入"></el-input>

                                    <label>最后经度位置</label>
                                    <el-input v-model="addEmergencyForm.lastLocationLog" class="rm_short" placeholder="请输入"></el-input>
                                </div>
                                <div class="bg3_div">
                                    <label>紧急联系人</label>
                                    <el-input v-model="addEmergencyForm.emergencyContact" class="rm_short" placeholder="请输入"></el-input>

                                    <label>联系电话</label>
                                    <el-input v-model="addEmergencyForm.emergencyContactPhone" class="rm_short" placeholder="请输入"></el-input>
                                </div>
                                <div class="bg3_div">
                                    <label>事件描述</label>
                                    <el-input v-model="addEmergencyForm.coordinate" class="rm_short" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入"></el-input>
                                </div>
                                <div class="bg3_div">
                                    <!-- <el-button size="mini" @click="addRecord">取消</el-button> -->
                                    <el-button size="mini" @click="saveEmergency">保存</el-button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- 协助救援报告 -->
                    <div v-drag v-show="RescueReportListOpacitys" class="RescueList_bg">
                        <div class="eventEmerg_top" >
                            <i class="el-icon-close" @click="closeReportList"></i>
                            
                        </div>
                        <div class="flight_bg_main">
                            <div class="titlebtn">
                                <h2>协助救援报告</h2>
                            </div>
                            <el-table :data="ReportListTableData"
                            stripe style="width: 100%">
                                <el-table-column prop="aircraft_number" label="航空器编号" align="center"></el-table-column>
                                <el-table-column prop="pliot_name" label="飞行员" align="center"></el-table-column>
                                <el-table-column prop="pilot_id" label="飞行人ID" min-width="160"  align="center"></el-table-column>
                                <el-table-column prop="personnel_number" label="机上人员数量" min-width="100"  align="center"></el-table-column>
                                <el-table-column prop="fly_type" label="飞行性质" min-width="100"  align="center"></el-table-column>
                                <el-table-column prop="distress_alarm_time" label="遇险告警时刻" min-width="160" align="center"></el-table-column>
                                <el-table-column prop="position" label="最后航迹位置" min-width="200" align="center"></el-table-column>								
                                <el-table-column prop="emergency_contact_number" label="紧急联系电话" min-width="100" align="center"></el-table-column>
                                <el-table-column prop="server_station_phone" label="服务站电话" min-width="100" align="center"></el-table-column>
                                <el-table-column  label="操作" align="center">
                                    <template slot-scope="scope">
                                        <a class="iconfont icon-yulan" target="_self" @click="selRRinfo(scope.row)"></a>
                                    </template>
                                  
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>
                </div>
                <!-- 右边工具栏 -->
    
                <div class="right_div">
                    <!-- 气象 -->
                    <div class="weather_div" @click="clickToolNav1">
                        <img src="./images/qixiang.png" alt="">
                        <span>气象</span>
                    </div>
                    <!-- 情报 -->
                    <div class="intelligence_div" @click="clickToolNav3">
                        <img src="./images/qingbao.png" alt="">
                        <span>情报</span>
                    </div>
                    <!-- 消息 -->
                    <div class="message_div" @click="clickToolNav2">
                        <img src="./images/xiaoxi.png" alt="">
                        <span>消息</span>
                        <span class="totalnum">{{messageNum}}</span>
                    </div>
    
                    <!-- 气象 -->
                    <div v-show="toolNav1" class="right_nav1">
                        <h2>气象</h2>
                        
                            <ol class="mainBg">
                                <li>
                                    <el-switch v-model="Radarvalue" active-color="#062e4d" inactive-color="#0d0e11" @change="setRadar" inactive-text="雷达实况">
                                    </el-switch>
                                </li>
                                <li>
                                    <el-switch v-model="Isolinevalue" active-color="#062e4d" inactive-color="#0d0e11" @change="setIsoline" inactive-text="等值线">
                                    </el-switch>
                                </li>
                                <li>
                                    <el-switch v-model="Scattervalue" active-color="#062e4d" inactive-color="#0d0e11" @change="setScatter" inactive-text="天气格点">
                                    </el-switch>
                                </li>
                                <li>
                                    <el-switch v-model="Lightvalue" active-color="#062e4d" inactive-color="#0d0e11" @change="setLight" inactive-text="闪电">
                                    </el-switch>
                                </li>
                            </ol>
                        
                    </div>
                    <!-- 情报 -->
                    <div v-show="toolNav3" class="right_nav3 show">
                        <h2>情报</h2>
                        
                            <ol class="mainBg">
                                <li>
                                    <!-- enroute   -->
                                    <el-switch  v-model="enroteValue" @change="enroteChange" active-color="#062e4d" inactive-color="#0d0e11" inactive-text="航路航线">
                                    </el-switch>
                                </li>
                                <li>
                                    <!-- airport -->
                                    <el-switch v-model="airportValue" @change="airportChange" active-color="#062e4d" inactive-color="#0d0e11" inactive-text="机场">
                                    </el-switch>
                                </li>
                                <li>
                                    <!-- ctrAirspace -->
                                    <el-switch v-model="ctrlairspaceValue" @change="ctrlairspaceChange" active-color="#062e4d" inactive-color="#0d0e11" inactive-text="管制空域">
                                    </el-switch>
                                </li>
                                <li>
                                    <!-- restAirspace -->
                                    <el-switch v-model="restairspaceValue" @change="restairspaceChange" active-color="#062e4d" inactive-color="#0d0e11" inactive-text="限制空域">
                                    </el-switch>
                                </li>
                                <li>
                                    <el-switch v-model="FSSValue" active-color="#062e4d" inactive-color="#0d0e11" inactive-text="飞行服务站">
                                        </el-switch>
                                </li>
                                <li>
                                    <el-switch v-model="vhfValue" @change="VHFChange" active-color="#062e4d" inactive-color="#0d0e11" inactive-text="通讯设施">
                                    </el-switch>
                                </li>
                                <li>
                                    <el-switch v-model="adsbValue" @change="flightChange" active-color="#062e4d" inactive-color="#0d0e11" inactive-text="监视设施">
                                    </el-switch>
                                </li>
                                    <!-- baolin 2018.10.13 -->
                                <li>
                                    <el-switch v-model="emergencyResources" @change="ERChange" active-color="#062e4d" inactive-color="#0d0e11" inactive-text="应急救援">
                                    </el-switch>
                                </li>
                                <!-- baolin 2018.10.13 -->
                            </ol>
                        
                    </div>
                    <!-- 消息 -->
                    <div v-show="toolNav2" class="right_nav2 show">
                        <h2>消息<h2>

                        <el-tabs v-model="activeName2" class="panel-tab" type="border-card" @tab-click="handleClick">
                        <el-tab-pane label="航行动态" name="first">
                            <ol>
                                <li v-for="(item, index) in IntelligenceSources" :key="index" @click="Readers(item)">
                                    <div>
                                        <span>{{item.fieldValues[0]}}</span>
                                        <span>{{item.fieldValues[1]}}</span>
                                        <div>
                                            <a class="iconfont icon-yulan" href="#" @click.stop="setISgeoJson(item)"></a>
                                            <a class="iconfont icon-genzong" href="#" @click.stop="setIScenter(item)"></a>
                                        </div>
                                        
                                    </div>
                                </li>
                            </ol>
                        </el-tab-pane>
                        <el-tab-pane label="系统消息" name="third">
                            <ol>
                                <li v-for="(item, index) in systemMessage" :key="index">
                                    <div>
                                        <span>{{item.messageContent}}</span>
                                        <span>{{item.createTime}}</span>
                                    </div>
                                </li>
                            </ol>
                        </el-tab-pane>
                        <el-tab-pane label="设备故障消息" name="second">
                            <ol>
                                <li v-for="(item, index) in equipmentMessage" :key="index">
                                    <div>
                                        <span>{{item.messageContent}}</span>
                                        <span>{{item.createTime}}</span>
                                    </div>
                                </li>
                            </ol>
                        </el-tab-pane>
                        
                    </div>

                    <!--by fuxin 9-30-->
                    <div class="rightFloatbox-mapcenter">
                        <div><a class="iconfont icon-shuqian" href="javascript:void(0)" @click="checkBookmarks"></a><span>书签</span></div>
                        <!-- <div><a class="iconfont icon-shebeixinxiguanli" target="_blank" href="flyPlanl.html"></a><span>计划</span></div> -->
                        <div><a class="iconfont icon-huitu" href="javascript:void(0)" @click="setDraw"></a><span>绘制</span></div>
                        <div><a class="iconfont icon-dituzhongxin" href="javascript:void(0)" @click="setPositioning"></a><span>定位</span></div>
                        <div><a class="iconfont icon-wodeguanzhu" href="javascript:void(0)" @click="setAttention"></a><span>关注</span></div>
                    </div>
                </div>
            </el-main>
            <!--监控目标-三级弹出窗-->
            <div :class="isshowBg3?'infos_bg_3 show':'infos_bg_3'">
                <div class="bg_3_top">
                    <img :src="aircraftInfo.aircraftCatalogue? aircraftInfo.aircraftCatalogue:'images/planedefalut.png'" />
                </div>
                <div class="bg_3_bottom">
                    <div class="bg_3box">
                        <div class="bg_3box_tit">
                            <span>航空器信息</span>
                        </div>
                        <div class="bg_3box_bd">
                            <p><span>航空器编号</span><span class="bluefont">{{aircraftInfo.regNumber}}</span></p>
                            <p><span>航空器类型</span><span>{{aircraftInfo.aircraftType}}</span></p>
                            <p><span>航空器机型</span><span>{{aircraftInfo.aircraftModel}}</span></p>
                            <p><span>航迹频率</span><span>{{resultCount | noneDefalut}}/秒</span></p>
                        </div>
                    </div>
                    <div class="bg_3box">
                        <div class="bg_3box_tit">
                            <span>飞行员信息</span>
                        </div>
                        <div class="bg_3box_bd">
                            <div class="t">
                                <div class="left">
                                    <img :src="aircraftInfo.photo? aircraftInfo.photo:'images/pailotdefalut.png'" />
                                </div>
                                <div class="right">
                                    <p><span>姓名</span><span class="bluefont">{{aircraftInfo.pilotName}}</span></p>
                                    <p><span>国籍</span><span>{{aircraftInfo.nationality}}</span></p>
                                    <p><span>性别</span><span>{{aircraftInfo.sex}}</span></p>
                                </div>
                            </div>
                            <div class="b">
                                <p><span>所属公司</span><span class="bluefont" :title="aircraftInfo.company">{{aircraftInfo.company}}</span></p>
                            </div>
                        </div>
                    </div>
                    <div class="bg_3box">
                        <div class="bg_3box_tit">
                            <span>飞行计划信息</span>
                        </div>
                        <div class="bg_3box_bd">
                            <p><span>计划编号</span>
                                <a target="_blank" :href="'./flyDetail.html?planId=' + aircraftInfo.planNumber"></a><span class="bluefont">{{aircraftInfo.planNumber}}</span></p>
                            <p><span>计划执行时间</span><span :title="aircraftInfo.planExeTime">{{aircraftInfo.planExeTime}}</span></p>
                            <p><span>联系人</span><span>{{aircraftInfo.contact}}</span></p>
                            <p><span >作业性质</span><span>{{aircraftInfo.jobProperties}}</span></p>
                        </div>
                    </div>

                    <div class="bg_3box">
                        <div class="bg_3box_tit">
                            <span>航空器飞行曲线图</span>
                        </div>
                        <div class="bg_3box_bd">
                            <div id="container"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="setMap">
                <div class="setMapTitle" @click="setMapClick">
                    <span>地图样式选择</span>
                    <i class="triangle_border_up" v-show="isSetMap"></i>
                    <i class="triangle_border_down" v-show="!isSetMap"></i>
                </div>
                <div v-show="isSetMap" class="setMapContent">
                    <div class="contents" v-for="(item, index) in mapLayer" :key="index" @click="setMapLayer(item.mapUrl)">
                        <span>{{item.mapName}}</span>
                    </div>
                    
                    <!-- <div class="contents">
                        <span>China</span>
                    </div> -->
                </div>
            </div>
            <!-- 我的关注列表 -->
            <div v-show="myAtOpacitys" class="myAttention">
                <h1>我的关注</h1>
               
                <div class="main">
                    <ul >
                        <li v-for="(item,index) in attentionData" :key="index" @click="setAtt(item)">
                            <span>{{item.signal_source}}</span>
                            <i>{{item.count}}</i>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 我的关注二级菜单 -->
            
            <div v-show="myAttentionOpacitys" class="myAttention_bg_2">
                <!-- <div class="myAttention_search">
                    <el-input placeholder="请输入内容" suffix-icon="el-icon-search" v-model="searchAttAdress" @input="getSeaverAtt"></el-input>
                </div> -->
                
                <el-table :data="attSecData" height="300" stripe style="width:100%" @row-click="getAirplaneInfo">
                    <el-table-column prop="smodel" label="S模式地址"></el-table-column>
                    <el-table-column prop="fid" label="FID"></el-table-column>
                    <el-table-column label="操作">
                        <template scope="scope">
                            <a class="iconfont icon-guanzhu" href="#" @click.stop="closeAtt(scope.row)"></a>
                            <!-- <a class="iconfont icon-genzong" href="#" @click.stop="setCenter(scope.row)"></a> -->
                        </template>
                    </el-table-column>
                </el-table>
                
                <div class="infos_datas_page" v-if="wdgzSecondlist.totalNum > 5">
                    <span class="prevBtn el-icon-caret-left" @click="prevwdgzSecondPage"></span>
                    <p class="numgroup"><span>{{wdgzSecondlist.curPage}}</span>/<span>{{wdgzSecondlist.totalPage}}</span></p>
                    <span class="nextBtn el-icon-caret-right" @click="nextwdgzSecondPage"></span>
                </div>
            </div>
            <!-- 书签保存 二级菜单弹出框 -->
            <div v-drag v-show="bookmarksOpacitys" class="bookmarks_bg">
                <i class="el-icon-close" @click="closeBook"></i>
                <span>新增书签</span>
                <div class="flight_bg_main" >
                    <label>书签视角名称：</label>
                    <el-input v-model="bookmarksName" placeholder="请输入"></el-input>
                    <button class="cancelbook" @click="canceBookBtn">取消</button>
                    <button class="savebook" @click="saveBookBtn">保存</button>
                </div>
            </div>
            <!-- 书签列表  -->
            <div v-show="showBookmarks" class="bookBg">
                <div class="title">
                    <h2>书签 —— 设置初始视角</h2>
                    <i @click="setBookmarks"></i>
                </div>
                <div class="main">
                    
                    <ol>
                        <li v-for="(item,index) in bookmarksData" :key="item.id">
                            <el-switch v-model="item.bookStyle" active-color="#062e4d" inactive-color="#0d0e11" @change="setBookInitial($event,item)" :inactive-text="item.bookmarkName">
                            </el-switch>
                            
                        </li>
                    </ol>
                </div>
            </div>
            <!-- 设置告警区域或告警抑制区域 提示框 -->
            <div v-show="showSetAlarmOpacity" class="setAlarmBg">
                <div class="hot_prompt">
                    <h2>提示</h2>
                    <i class="el-icon-close" @click="setALclose"></i>
					<div class="prompt_content">
                        <label>区域名称:</label>
                        <el-input v-model="alarmName" placeholder="请输入"></el-input>
                        <div class="infolist">
                            <label>区域类型:</label>
                            <el-select @change="chooseAir" v-model="alermValue" slot="prepend" placeholder="请选择">
                                <el-option v-for="item in alermValueData.options" :key="item.value" :label="item.label" :value="item.value"></el-option>
                            </el-select>
                        </div>
						<!-- <span>请选择你要设置的区域类型</span> -->
						<button class="setYZAL" @click="setALclose">取消</button>
						<button class="setAL" @click="setAL">确定</button>
					</div>
				</div>
            </div>
		</el-container>
    </div>
    
    <script src="plugins/vue2.5.9.js"></script>
    <script src="plugins/axios.min.js"></script>

    <!-- <script src="plugins/ele2.3.3.js"></script> -->
    <script src="plugins/element-ui.js"></script>
    <script src="plugins/httpVueLoader.js"></script>
    <script src="plugins/jquery.min.js"></script>
    <script src="plugins/leaflet.js"></script>
    <script src="plugins/mapv.js"></script>
    <script src="plugins/leaflet.markercluster.js"></script>
    <script src="plugins/iclient9-leaflet.min.js"></script>
   
    <!-- <script type="text/javascript" src="plugins/leaflet.draw.js"></script> -->
   

    <script src="plugins/leaflet.rotatedMarker.js"></script>
    <script src="plugins/L.Control.MousePosition.js"></script>
    <script src="plugins/leaflet-heat.js"></script>
    <script src="plugins/moment.min.js"></script>
    <script src="plugins/leaflet-measure-path.js"></script>


    
    <script src="plugins/Leaflet.draw/Leaflet.draw.js"></script>
    <script src="plugins/Leaflet.draw/Leaflet.Draw.Event.js"></script>

    <script src="plugins/Leaflet.draw/Toolbar.js"></script>
    <script src="plugins/Leaflet.draw/Tooltip.js"></script>

    <script src="plugins/Leaflet.draw/ext/GeometryUtil.js"></script>
    <script src="plugins/Leaflet.draw/ext/LatLngUtil.js"></script>
    <script src="plugins/Leaflet.draw/ext/LineUtil.Intersect.js"></script>
    <script src="plugins/Leaflet.draw/ext/Polygon.Intersect.js"></script>
    <script src="plugins/Leaflet.draw/ext/Polyline.Intersect.js"></script>
    <script src="plugins/Leaflet.draw/ext/TouchEvents.js"></script>

    <script src="plugins/Leaflet.draw/draw/DrawToolbar.js"></script>
    <script src="plugins/Leaflet.draw/draw/handler/Draw.Feature.js"></script>
    <script src="plugins/Leaflet.draw/draw/handler/Draw.SimpleShape.js"></script>
    <script src="plugins/Leaflet.draw/draw/handler/Draw.Polyline.js"></script>
    <script src="plugins/Leaflet.draw/draw/handler/Draw.Marker.js"></script>
    <script src="plugins/Leaflet.draw/draw/handler/Draw.Circle.js"></script>
    <script src="plugins/Leaflet.draw/draw/handler/Draw.CircleMarker.js"></script>
    <script src="plugins/Leaflet.draw/draw/handler/Draw.Polygon.js"></script>
    <script src="plugins/Leaflet.draw/draw/handler/Draw.Rectangle.js"></script>


    <script src="plugins/Leaflet.draw/edit/EditToolbar.js"></script>
    <script src="plugins/Leaflet.draw/edit/handler/EditToolbar.Edit.js"></script>
    <script src="plugins/Leaflet.draw/edit/handler/EditToolbar.Delete.js"></script>

    <script src="plugins/Leaflet.draw/Control.Draw.js"></script>

    <script src="plugins/Leaflet.draw/edit/handler/Edit.Poly.js"></script>
    <script src="plugins/Leaflet.draw/edit/handler/Edit.SimpleShape.js"></script>
    <script src="plugins/Leaflet.draw/edit/handler/Edit.Rectangle.js"></script>
    <script src="plugins/Leaflet.draw/edit/handler/Edit.Marker.js"></script>
    <script src="plugins/Leaflet.draw/edit/handler/Edit.CircleMarker.js"></script>
    <script src="plugins/Leaflet.draw/edit/handler/Edit.Circle.js"></script>



    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script> 
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>

    
    <script src="js/api.js"></script>
    <script src="js/Map.js"></script>
    
    <script src="js/rightFunction.js"></script>
    <script src="js/newGroup.js"></script>
    
</body>

</html>